import React, { Component } from 'react';
import { NavLink } from 'react-router-dom';
import './footer.css';

class Footer extends Component {
    render() {
        return (
            <div className="footer">
                <ul>
                    <li>
                        <NavLink exact to="/">
                            <em className="forecast"></em>
                            <span>预测</span>
                        </NavLink>
                    </li>
                    <li>
                        <NavLink to="/Part">
                            <em className="part"></em>
                            <span>参与</span>
                        </NavLink>
                    </li>
                    <li>
                        <NavLink to="/Info">
                            <em className="info"></em>
                            <span>资讯</span>
                        </NavLink>
                    </li>
                    <li>
                        <NavLink to="/User">
                            <em className="myself"></em>
                            <span>我的</span>
                        </NavLink>
                    </li>
                </ul>
            </div>
        );
    }
}

export default Footer;